/* @override http://172.16.110.131:8888/com.palm.app.contacts/stylesheets/sandbox-styles.css 
Copyright 2009 Palm, Inc.  All rights reserved.

*/

/*Edit Scene Specific Styles*/

.palm-spacer {
	height: 47px;
}

.list-selector-container {
	height: 41px;
	border-width: 0px 11px;
	-webkit-box-sizing: border-box;
	-webkit-border-image: url(../images/list-selector-border-image-empty.png) 0 11 0 11;
	margin: 6px -4px 0px 0px;
}

.new-contact-point .list-selector-container,
.list-selector-container:not(.dev-sync-source-picker),
.list-selector-container.contacts-header-info {
	-webkit-border-image: url(../images/list-selector-border-image.png) 0 11 0 11;
}

.new-contact-point .focused .list-selector-container,
.focused .list-selector-container:not(.dev-sync-source-picker),
.focused .list-selector-container.contacts-header-info {
	-webkit-border-image: url(../images/list-selector-border-image-focused.png) 0 11 0 11;
}

.new-contact-point .list-selector-container.selected,
.list-selector-container:not(.dev-sync-source-picker).selected,
.list-selector-container.contacts-header-info.selected {
  -webkit-border-image: url(../images/list-selector-border-image-downstate.png) 0 11 0 11;  
}

.list-selector-container.right {
	float: right;
}

.list-selector-container.left {
	float: left;
	margin: 6px 8px 0px -4px;
}

.list-selector-wrapper {
	margin: 0px 0px 0px -4px;
}

.contacts-header-info .list-selector-wrapper {
	margin: 0px -4px;
}

.dev-sync-source-picker,
.new-contact-source-selector {
	width: 42px;
}

.dev-sync-source-picker .list-selector-wrapper {
	margin: 0px 0px 0px -6px;
}

.list-selector-container div {
	line-height: 36px;
}

.list-selector-container .palm-account-icon {
  margin: 3px 0px 0px 0px;
}

/*Details Scene Specific Styles*/

.contacts-details-header {
	min-height: 52px;
}

.palm-page-header.clipped .contacts-details-header {
	min-height: 65px;
}

.contacts-details-header-wrapper {
	height: 52px;
	display: table-cell;
	vertical-align: middle;
}

.clipped .contacts-details-header-wrapper {
	height: 65px;
}

.header-contact-name {
	word-wrap: break-word;
	font-weight: bold;
	font-size: 20px;
	max-width: 200px;
}

.contact-nickname,
.contact-work-info {
	font-size: 14px;
	max-width: 205px;
	word-wrap: break-word;
}

.contact-nickname {
	font-size: 16px;
}

.detail-pic-square {
	position: absolute;
	right: 13px;
	top: 13px;
	width: 50px;
	height: 50px;
	z-index: 1;
}
.detail-pic-portrait {
	position: absolute;
	right: 13px;
	top: 13px;
	width: 50px;
	clip: rect(0px, 50px, 50px, 0px);
	z-index: 1;
}
.detail-pic-landscape {
	position: absolute;
	margin-right: -14px;
	top: 13px;
	height: 50px;
	clip: rect(0px, 50px, 50px, 0px);
	z-index: 1;
}

.palm-page-header.clipped .contact-picture img {
	right: 17px;
	top: 19px;
}

.contact-picture-overlay {
	width: 64px;
	height: 64px;
	position: absolute;
	right: 0px;
	margin: 9px 6px 0px 0px;
	background: url(../images/details-view-avatar-frame.png) center center no-repeat;
	z-index: 2;
}

.palm-page-header.clipped .contact-picture-overlay {
	width: 82px;
	height: 77px;
	background: url(../images/details-view-avatar-frame-clipped-default.png) center center no-repeat;
	margin: 7px 1px 0px 0px;
}

.palm-page-header .source-info-container {
	display: none;
}

.palm-page-header.clipped .source-info-container {
	display: block;
	height: 32px;
	border-width: 0px 15px 0px 15px;
	-webkit-border-image: url(../images/details-clipped-badge.png) 0 15 0 15 repeat repeat;
	-webkit-box-sizing: border-box;
	position: absolute;
	z-index: 3;
	right: 55px;
	top: 55px;
}

.palm-page-header.clipped .source-info-container .source-number {
	font-size: 18px;
	font-weight: bold;
	color: #679BC2;
	text-align: right;
	display: block;
	margin: 2px -4px 0px -4px;
}

.speed-dial-text {
	font-size: 14px;
	display: none;
	color: #898988;
}

.palm-row.selected .speed-dial-text {
	color: #FFF;
}

.show-quick-dial .speed-dial-text {
	display: block;
}

.title.show-quick-dial {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.sms.icon {
	background: url(../images/contacts-sms-icon.png) top left no-repeat;
	width: 48px;
	height: 49px;
	/*border: 1px solid blue;*/
}

.sms.icon.selected {
  background: url(../images/contacts-sms-icon.png) bottom left no-repeat;  
}

.sms.icon.hide-sms {
	background: none;
}

/* *************Sam, patch start for IP dial************ */
.ipdial.icon {
	background: url(../images/contacts-ipdial-icon.png) -4px 1px no-repeat;
	width: 44px;
	height: 49px;
	/*border: 1px solid blue;*/
}

.ipdial.icon.selected {
  background: url(../images/contacts-ipdial-icon.png) -4px -47px no-repeat;  
}

.ipdial.icon.hide-ipdial {
	background: none;
}
/* *************Sam, patch end for IP dial  ************ */

.ringtone.icon {
	background: url(../images/ringtone-icon.png) center center no-repeat;
}

.truncating-text.ringtone-text {
	color: #898988;
}

.palm-row.selected .ringtone-text {
	color: #FFF;
}

.status-icon {
	float: left;
	margin-top: 13px;
	width: 32px;
  height: 32px;
}

.im-away-message {
	font-size: 14px;
}

.contact-address {
	max-width: 200px;
}

.palm-list-selector.contacts-edit-scene .title {
	margin: 7px -15px 0px -11px !important;
}

/* 
 * Edit View Photo Styles
 */

.edit-view-shill-div {
	float: right;
	width: 37px;
	height: 30px;
}

.edit-view-photo-container {
	float: right;
	margin-right: -10px;
	padding: 0px 0px 20px 20px;
}

.edit-view-list-frame {
	position: absolute;
	right: 2px;
	z-index: 1;
}

.edit-view-list-pic-square {
	position: absolute;
	right: 2px;
	width: 34px;
	height: 34px;
	margin: 7px 8px -7px 0px;
}
.edit-view-list-pic-portrait {
	position: absolute;
	right: 0px;
	width: 34px;
	margin: 7px 8px -7px 0px;
	clip: rect(0px, 34px, 34px, 0px);	
}
.edit-view-list-pic-landscape {
	position: absolute;
	right: 0px;
	height: 34px;
	margin: 7px -3px -7px 0px;
	clip: rect(0px, 34px, 34px, 0px);
}

.edit-view-list-frame {
  width: 54px;
  height: 49px;
  background: url(../images/list-avatar-frame-single-downstate.png) center center no-repeat;
  background: url(../images/list-avatar-frame-single.png) center center no-repeat;
}

.edit-view-photo-container.selected .edit-view-list-frame {
  background: url(../images/list-avatar-frame-single-downstate.png) center center no-repeat;
}

.list-item-add-button {
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 0px;
	height: 54px;
}
                                        
.icon.personal-reminder {
	background:url(../images/personal-reminder-header.png) center center no-repeat;
}